/* Base portal colour token defaults - editing these will override branding settings */
:root {
/*
  --color-body-text: var(--primary);
  --color-body-bg: white;
  --color-nav-bg: white;
  --color-nav-text: var(--primary-mid);
  --color-button-bg: var(--primary);
  --color-button-text: white;
  --color-link: var(--info);
  --color-footer-bg: var(--primary);
  --color-footer-text: white;
*/
/* Derived tokens - set automatically from branding, or override directly */
/*  
  --color-content-link                                                                
  --color-tag-bg                                                               
  --color-tag-text
  --color-button-success-bg                                                          
  --color-button-success-text                                                          
  --color-highlight
*/
}                                                            

/* root variables cannot be used in media queries so here for reference only:
  36em/57.6rem phone (Small devices (landscape phones, 576px and up)
  48em/76.8rem tablet (Medium devices (tablets, 768px and up)
  62em/99.2rem desktop (Large devices (desktops, 992px and up)
  75em/120rem large desktop (Large devices (desktops, 1200px and up)
  120em/192rem Pro/designer desktop (Large devices (desktops, 1920px and up, e.g. most pro design screens)
*/
/* Note: We use a mix of "em" and "rem" dimensions throughout this css.
Therefore adjusting body font size will alter any media queries and other dimensions that are based on "em".
Feel free to change but be aware of possible unintended consequences :)  */

.body {
  font-family: 'MuseoSans', Helvetica, Arial, sans-serif;
  font-size:1.6rem;
}
.lead {font-size:1.3em;}
.center {text-align:center;}
/* ---------------------------------
    Navbar styles
   --------------------------------- */
.navbar-section {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid var(--color-body-bg);
}

/* navbar icons text color */
.navbar-section .selection-count,
.navbar-section .avatar-user-dropdown,
.nav-icon-text,
/* mobile menu */
.navbar-section-content a,
.navbar-section-content .dropdown-button {
  color: var(--color-nav-text);
}

/* navbar user dropdown border color */
.navbar-section .avatar-user-dropdown {
  border-color: var(--color-nav-text);
}

/* dropdown */
.navbar-section-content .dropdown-button:hover,
.navbar-section-content .dropdown-button:focus-within {
  opacity: 0.7;
}

/* caret icon changes direction when menu is open - preview bar and search filters too */
.dropdown-button:focus-within .css-icon-caret-down,
.filter-name:focus-within .css-icon-caret-down {
  transform: rotate(180deg);
}

/* nav dropdown mobile */
.navbar-section-content .dropdown-content {
  background-color: var(--color-nav-bg);
  color: var(--color-nav-text);
  border: none;
  width: max-content;
  box-shadow: none;
}

.navbar-section-content .dropdown-content a:hover {
    background-color: var(--color-nav-text);
    color: var(--color-nav-bg);
}

/* Hide logo and account name on mobile */
.account-logo .logo {
  display: none;
  max-height: 4rem;
}

span.account-name {
  font-size: 1.6rem;
  display: none;
}

@media (min-width: 62em) {
  /* Adjust height and spacing for logo on desktop */
  .navbar-section {
    height: 10rem;
  }

  .account-logo .logo,
  span.account-name {
    display: block;
    max-height: 10rem;
    padding: 0.5em 0;
    margin-right:2em;
  }
  /* nav dropdown desktop */
  .navbar-section-content .dropdown-content {
    box-shadow: 0 .8rem 1.6rem #0003;
    max-height: 80vh;
    overflow-y: scroll;
  }
}
.footer-top {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 3rem;
}
.footer-top article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
.footer-top article ul {list-style:none;}

.footer-top article li, .footer-top article p {
  width:100%;
  display:block;
  text-align:center;
  line-height:5rem;
}
.footer-top article li a {text-decoration:none;}


@media (min-width:62em) {
  .footer-top {
    grid-template-columns: 1fr 1fr;
  }
  .footer-top article:nth-child(2) p {text-align:right;}
  .footer-top article li {
    padding-right:2rem;
    margin-right:1rem;
    width:fit-content;
    text-align:left;
    display:inline-block;
  }
  .footer-top article li:last-child {border:none;}
  .footer-top-section-left {
	width: auto;
	text-align: left;
	}
  .footer-top-section-right {
  width: auto;
  text-align: right;
  }
}
/* ---------------------
   Main Elements
   --------------------- */
.main {margin-top: 7rem;}
@media screen and (min-width: 62em) {.main {margin-top: 10rem;}}
.preview-mode .main {padding-top: 6rem;}

.welcome-paragraph {
  font-size:2rem;
}

mark {
	padding: 1rem 2rem;
	background-color: #f9d147;
    color: black;
}

/* fix code wrapping on mobile */
pre {
font-family: monospace,monospace;
font-size: 1em;
max-width: 100%;
overflow: auto;
white-space: normal;
}

/* ----------------
   Search widget
   ---------------- */

.search-section {
  max-width: 120rem;
  margin: 5rem auto;
}

.search-label{
  display: none;
}

.filters{
  justify-content: center;
}

.search-grid-section .page-actions,
.search-grid-section .grid,
.search-grid-section .assets-pagination {
  padding-bottom:4rem;
}
.change-grid-view .icon-text {
display: none;
}

.file-icon::before{
  border-color: var(--primary-color) var(--primary-color) rgba(255, 255, 255, .3) rgba(255, 255, 255, .35);
}

/* ----------------
   Masonry view
   ----------------- */
.masonry-asset {
  margin-bottom: 2rem;
  padding: 0;
  float: left;
}
.masonry-asset:hover {opacity:0.6;}
.masonry-asset .asset-grid-icon {position:relative;}
.masonry-asset .asset-grid-name {margin-left:0;}

/* ------------
Feed view
---------------- */
.feed-view .asset-name {
	text-align:left;
  	justify-content:left;
}
.feed-view .asset-grid-name {
  font-size: 1.2em;
  text-align:left;
  font-weight:bold;
}
.feed-view .feed-asset-type-icon {display:none;}

/* ------------
   Gallery
   ------------ */

/*-- Mobile --*/
.gallery-link,
.gallery-image {
  height: 8rem;
}

/*-- Desktop --*/
@media (min-aspect-ratio: 1/1) {
  .gallery-link,
  .gallery-image {
    height: 16rem;
  }
}


/* --------------
   Home Page
   -------------- */
.intro-logo {
	max-width:20rem;
}


/* custom social links article */
.social-links {margin-top:5em;}
.social-links a {font-size:2rem;padding:1rem 2rem;}
/* end */

/* fix download form terms field separation issue */
.form-checkbox.terms {
margin: 5rem 0;
}
/* Layout and basic styles of Asset Detail Page */
.albums-section-title{
  display: none;
}

.asset-page-wrapper {
  padding: 2rem 2em;
}
@media (min-width:768px) {
  .asset-page-wrapper {
    padding: 6rem 6em;
  }
}

.asset-data{
  margin-top: 1rem;
}

.asset-data,
.asset-buttons{
  text-align: center;
}

button.asset-action {color:#000;}

.asset-info span:not(.asset-id, .asset-source):before {
  content: ' • ';
}

.asset-source:before {
  content: 'src: ';
}

.asset-page-wrapper.post .asset-proxy-section,
.asset-page-wrapper.post .asset-details-section,
.asset-page-wrapper.post .asset-tags-section{
  max-width: 90rem;
  margin: auto;
  width: 100%;
}

.asset-page-wrapper.post .asset-proxy-section{
  margin-top:2rem;
}

.asset-tags-title,
.asset-type-title,
.asset-size-title,
.asset-filename-title,
.asset-dimensions-title,
.asset-type-value,
.asset-extension-title,
.asset-release-date,
.asset-created-at,
.asset-id-title,
.asset-licence-title,
.asset-word-count-title{
  display:none;
}

.asset-licence-value:before{
  content: ' -';
  margin-right: 0.5rem;
}

.asset-licence-subtitle:after,
.asset-expiry-date-title:after,
.asset-created-at-title:after,
.asset-release-date-title:after,
.asset-credit-title:after,
.asset-usage-title:after{
  content:':';
}

.AssetView .asset-title {
  font-size: 2rem;
  flex: 0 0 100%;
}

.asset-page-main .asset-type,
.asset-page-main .asset-size,
.asset-page-main .asset-extension,
.asset-page-main .asset-id{
  width: 33%;
  display: inline;
}

.asset-details-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.asset-details-section article {
  flex: 1;
  flex: 0 0 100%;
}

.asset-details-section .asset-type,
.asset-details-section .asset-size,
.asset-details-section .asset-dimensions,
.asset-details-section .asset-extension,
.asset-details-section .asset-id,
.asset-details-section .asset-word-count{
  flex: 0 0 content;
}

.asset-type-icon,
.asset-license-icon,
.asset-expiry-date-icon,
.asset-created-at-icon,
.asset-release-date-icon,
.asset-credit-icon,
.asset-usage-icon,
.asset-reference-icon,
.asset-location-icon {
  float: left;
  margin-right: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.AssetView .asset-extension:before,
.AssetView .asset-id:before,
.AssetView .asset-size:before,
.AssetView .asset-dimensions:before,
.AssetView .asset-word-count:before{
  content: ' • ';
  margin-left: 0.5rem;
}

.AssetView .asset-id:before {
  content: '#';
  margin-right: -0.4rem;
}

.AssetView .asset-latitude:before {
  content:'Latitude: ';
}
.AssetView .asset-longitude:before {
  content:'Longitude: ';
}

/* Margins and paddings */
.AssetView .asset-details-section article {
  margin-bottom: 1.2rem;
}

.asset-page-wrapper .section{
  padding: 0;
}

.asset-tags{
  margin-top: 3rem;
}

/* added to solve tag wrapping */
.asset-tags a {
  font-size: 1em;
  line-height: 1.6;
  float: left;
  margin: 0 0.8rem 1.2rem 0;
}

.asset-term-of-use{
  margin-top: 1rem;
}

.AssetView .asset-body {
  margin-bottom: 1.8rem;
}

.asset-body p {
  margin: 0;
}

.AssetView .asset-type-icon {
  order: 2;
  margin-bottom: 0.8rem;
  flex: unset;
}

.AssetView .asset-name {
  order: 1;
  width: 100%;
}

.AssetView .asset-id {
  order: 3;
}

.AssetView .asset-extension {
  order: 4;
}

.AssetView .asset-word-count {
  order: 4;
}

.AssetView .asset-size {
  order: 5;
}

.AssetView .asset-dimensions {
  order: 6;
}

.AssetView .asset-description {
  order: 7;
}

.AssetView .asset-ai-description {
  order: 7;
}

.AssetView .asset-licence {
  order: 8;
}

.AssetView .asset-terms-of-use {
  order: 9;
  padding-bottom: 1rem;
}

.AssetView .asset-expiry-date {
  order: 10;
}

.AssetView .asset-release-date {
  order: 11;
}

.AssetView .asset-created-at {
  order: 12;
}

.AssetView .asset-credit {
  order: 13;
}

.AssetView .asset-usage {
  order: 14;
}

.AssetView .asset-reference {
  order: 15;
}

.AssetView .asset-account {
  order: 15;
}

.AssetView .asset-location {
  order: 16;
}

/* adds some separation to the related assets section in Portal */
.related-assets-section {
  border-top:1px dotted #ccc;
  margin-bottom:5em;
}

/* move proxy in assets to top in mobile but preserve post positioning */
.asset-page-wrapper .section.breadcrumb-section {padding:1em 0;}
.asset-page-wrapper {
  grid-template-areas: "breadcrumb breadcrumb breadcrumb" "proxy proxy proxy" "details details details"  "tags tags tags" "actions actions actions";
}
.asset-page-wrapper.post {
  grid-template-areas: "breadcrumb breadcrumb breadcrumb" "proxy proxy proxy" "tags tags tags" "actions actions actions";
}

@media (min-width:36em) {
  .asset-page-wrapper .section.breadcrumb-section {padding:0;}
  .asset-proxy-section {
    margin-right: 5rem
  }
  .asset-page-wrapper .section.breadcrumb-section {padding:0;}
  .asset-page-wrapper {
    grid-template-areas: "breadcrumb actions actions" "proxy proxy details" "proxy proxy tags";
  }
  .asset-page-wrapper.post {
    grid-template-areas: "breadcrumb actions actions" "proxy proxy proxy" "tags tags tags";
  }
}

/* stop right click save */
img.proxy-preview {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*
 * Signup page — overridable styles.
 *
 * 1) Custom properties that drive the app-rendered parts of the signup
 *    (/accounts/sign-up). Change a value to restyle; delete a line to fall back
 *    to the app default.
 * 2) Styling for the testimonials embed (the right column HTML you author in
 *    Signup configuration). Keep these in sync with the markup you use there.
 */
.bk-wall.new-account-section {
  --signup-panel-bg: #f8f8f8;
  --signup-card-bg: #ffffff;
  --signup-card-border: #bdc3c7;
  --signup-card-radius: 1.2rem;
  --signup-summary-bg: #e9f2ff;
  --signup-accent: #0969da;
  --signup-badge-text: #ffffff;
  --signup-control-bg: #ffffff;
  --signup-control-border: #bdc3c7;
  --signup-control-active-bg: #000000;
  --signup-control-active-text: #ffffff;
  --signup-button-bg: #000000;
  --signup-button-text: #ffffff;
  --signup-check-color: #198754;
  --signup-enterprise-bg: #2e3035;
  --signup-enterprise-text: #ffffff;
}

.signup-terms-content {
  padding-inline: 2rem;
}

.signup-terms-content > summary {
  margin-inline: -2rem;
  padding-right: 1rem;
}

/* Testimonials embed (right column) — matches the HTML authored in Signup
   configuration: a logo, the quote in a <span>, then a <cite>. */
.new-account-embeded-image {
  padding: 10rem;
  text-align: center;
}

.new-account-embeded-image blockquote {
  margin: 0;
  padding: 5rem;
}

.new-account-embeded-image blockquote .logo {
  display: block;
  width: auto;
  margin: 0 auto 1.6rem;
  height:auto;
  max-width:20rem;
}

.new-account-embeded-image blockquote span {
  display: block;
  font-size: 1.6rem;
  line-height: 1.6;
}

.new-account-embeded-image blockquote cite {
  display: block;
  margin-top: 1rem;
  font-style: italic;
  color: #646464;
}
.desktop {display:none;}

@media screen and (min-width: 62em){
  .desktop {display:block;}
  .mobile {display:none;}
}
/* faq styles */
dl {
  column-count: 1;
  column-gap: 0rem;
}

.fw dl {
  column-count: 1;
  column-gap: 0rem;
}
@media (min-width:48em) {
  dl {
    column-count: 2;
    column-gap: 5rem;
  }
  .fw dl {
    column-count: 3;
    column-gap: 5rem;
  }
}

dt {font-weight:bold;}
dt.subtitle {
  border-bottom: 2px solid #000;
  margin:2rem 0;
}
dt.subtitle:first-child {
  border-bottom: 2px solid #000;
  margin:0 0 2rem 0;
}
dd {margin-bottom:1rem;}
.bk-wall .brandkit-logo,
.bk-wall .logo {
  height:10rem; /* -- change this to adjust logo height in login page --*/
  max-height: 20rem;
}

@media screen and (min-width: 36em) {
  .bk-wall {
    margin: 10em auto 4em auto;
    padding:3rem 6rem
  }
}

@media screen and (min-width: 48em) {
  .bk-wall {
    margin: 10em 4em;
  }
}

.reset-password-section {
  background-color:#fff;
  width:fit-content;
  margin:0 4em;
}

p.transfer-message-value {font-size:2rem;}
.transfer-information {border-left:0;padding-left:0;}

/*--New Accept Invitation page and button Mayy 2026--*/
body.AcceptInvitationView p.hint {margin-bottom:2em;}
/* full width section */
.fw {padding:4em 0;}

@media (min-width:77rem) {
  .fw {
    width:100vw;
    padding:4em 0;
  }
}

/* full height section */
.fh {
  padding-top:0;
  padding-bottom:0;
}

/* two column grids used throughout site */
.two-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap:2em;
}
.two-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .two-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 6em;
    grid-row-gap:6em;
  }
}
/* end 2 col grid */

/* two one column grids used throughout site */
.two-one-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap:2em;
}
.two-one-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .two-one-grid {
    display:grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 6em;
    grid-row-gap:6em;
  }
}
/* end 2-1 col grid */

/* one two column grids used throughout site */
.one-two-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap:2em;
}
.one-two-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .one-two-grid {
    display:grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 6em;
    grid-row-gap:6em;
  }
}
/* end 1-2 col grid */


/* 3 column grids used throughout site */
.three-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.three-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}

/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .three-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4em;
    grid-row-gap:4em;
  }
}
/*  Desktop Breakpoint 1200px / 16px = 75em*/
@media (min-width:75em) {
  .three-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4em;
    grid-row-gap:4em;
  }
}
/* end 3 col grid */

/* 4 column grids used throughout site */
.four-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.four-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/*  Desktop Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .four-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap:2em;
  }
}
/*  Desktop Breakpoint 1200px / 16px = 75em */
@media (min-width:75em) {
  .four-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap:2em;
  }
}
/* end 4 col grid */

/* full width section */
.fw {width:100vw;padding-left:0;padding-right:0;}
.fwfh {width:100vw;padding:0;}
.pad-top {padding-top:4em;}
.padright {padding-right:4em;}
.padbottom {padding-bottom:4em;}
.padleft {padding-left:4em;}
.fw img {max-width:100%;}
.fw img.padded {max-width:80%; margin:auto;}
.wide {width:100vw;padding-left:4em;padding-right:4em;}

/* full height section */
.fh {
  padding-top:0;
  padding-bottom:0;
}
section .intro, #intro {
  text-align:center;
  padding-bottom:3rem; /* reset padding on sections */
}
section.blackbg {
  background-color: #121212;
  color: #fff!important;
}
section.whitebg {
  background-color: #fff;
  color: #000!important;
}
.search-grid-section .assets-pagination {
    padding-bottom: 2rem; /* reset padding on sections */
}

/* html section */
.html-section {
  width:100vw;
  padding-top:3rem;/* reset padding on sections */
  padding-left:2em;
  padding-right:2em;
  padding-bottom:3rem;/* reset padding on sections */
}
.html-section img {margin:2em auto;}
.html-section p img {margin:0 auto;}
.html-section:first-child {padding-top:6rem;}

@media (min-width:62em) {
  .html-section {
    padding-left:3em;
    padding-right:3em;
  }
}
@media (min-width:75em) {
  .html-section {
    padding-left:calc(50% - 34.5em);
    padding-right:calc(50% - 34.5em);
  }
}
@media (min-width:120em) {
  .html-section {
    padding-left:calc(50% - 45em);
    padding-right:calc(50% - 45em);
  }
}

/* reset section padding on occasion */
.tight-bottom {padding-bottom:0;}
.tight-top {padding-top:0;}
.tight-left {padding-left:0;}
.tight-right {padding-right:0;}
.fat-bottom {padding-bottom:6rem;}
.fat-top {padding-top:6rem;}
.button,
.normal-button {
  color: var(--color-button-text);
  background-color: var(--color-button-bg);
  padding: 1rem 2rem;
}

.cancel-button, .cancel-my-account-button, .danger-button {
  color: red;
  text-decoration: underline;
  background-color: #fff;
}

.button-with-border {
  color: var(--color-button-bg);
  background-color: #fff;
  border: 1px solid var(--color-button-bg);
}

.edit-profile-button {
  width: 100%;
}

.normal-button.save-profile-changes-button {
  padding: 1rem 2rem;
}
/* Albums widget */
.albums-grid .album {
  aspect-ratio:3 / 2;
} /* sets aspect ratio of album covers consistently when height is calculated */
.album-cover,.album-with-no-cover {
  border:5px solid #ccc;
}

/* new album select state */
a.album-selected {
  border: none;
  box-shadow: none;
}
a.album-selected img, a.album-selected div.album-with-no-cover {
  box-shadow: 0 15px 25px 1px var(--color-body-bg);
}
a.album-selected span.album-title {
  font-weight:bold;
}
/* end album select state */

@media screen and (min-width: 62em) {
  .albums-horizontal-grid .album-wrapper {
	max-width:100%;
    overflow-wrap:normal;
    flex-wrap:wrap;
  }
}
/* carousel */

section.carousel-section {
  position: relative;
  line-height: 0;
  padding: 0;
}

/* image overlay */
section.carousel-section .carousel-slide::after {
  content: '';
  background: linear-gradient(360deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.2) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.carousel-container {
  display: flex;
  transition: transform 1s ease;
}

.carousel-slide {
  flex: 0 0 100%; /* Ensure each slide takes full width */
  position: relative;
}

.carousel-slide img {
  width: 100%;
  margin: 0 auto;
}

/* left and right navigation (hidden) */
.prev,.next {
  position: absolute;
  top: 0;
  background-color: red;
  cursor: pointer;
  height: 94.5%;
  width: 10%;
  z-index: 2;
  opacity: 0;
}

.prev {
  left: 0;
}

.next {
  right: 0;
}

/* slide indicators */
.carousel-dots {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform:
  translateX(-50%); /* Corrects horizontal centering */
  z-index: 2;
}

.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

/* active slide indicator */
.dot.active {
opacity: 100%;
}

/* inactive slide indicator */
.dot:not(.active) {
opacity: 50%;
}

.caption {
  position: relative;
  bottom: 4rem;
  left: 2rem;
  z-index: 2;
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  margin-bottom: -1.6rem;
}

.carousel-hero-text {
  position: relative;
  width: 100%;
  margin-top: calc(-100vw / 3);
  height: calc(100vw / 3);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  z-index: 1;
  line-height: 1.6;
}

@media screen and (min-width: 62em){
  .carousel-hero-text {
    display: flex;
  }
}
/* move searchbox up over carousel */
#searchbox.search-box-section.desktop {
  position: relative;
  width: 100%;
  margin-top: calc(-100vw/3);
  height: calc(100vw/3);
  z-index: 2;
  color: #fff;
  pointer-events: none;
}

.desktop .search-box-component {
  width: 50%;
  pointer-events: auto;
}

@media screen and (max-width: 36em) {.search-box input{font-size: 80%;}}

.assets-button {
  background-color: var(--color-button-bg);
  outline: 1px solid var(--color-button-bg);
}

.assets-button:hover {
  opacity: 0.7;
}

.filters {
  justify-content: center;
}

.filter-options {
  z-index: 2;
}

.filter-options .filter-option:hover {
  background-color: var(--color-button-bg);
  color: var(--color-button-text);
}

.filter-button:hover {
  opacity: 0.7;
}

label.search-label {display: block;}
.map-grid {
  display: block;
}

@media screen and (min-width: 62em) {
  .map-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}

.map-list {
  padding: 0;
}

.map-list li {
  list-style: none
}

.map-list a {
  color: #00677f;
  text-decoration: none;
  line-height: 3.4rem;
  font-weight: 500;
}

.map-list a.map-selected, .map-list a:hover {
  text-decoration: underline;
  color: #007D8A;
  opacity: 0.7;
}

.map-region.selected, .map-region:hover {
  fill: #007D8A;
  cursor: pointer;
}
.tooltip {
  position: absolute;
  background: #fff8dc;
  color:#000;
  border: 1px solid #fff8dc;
  padding: 1em;
  border-radius: 1em;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  z-index: 9999;
  width: 300px;
  max-width:25%;
  opacity:0.8;
  transition: opacity 0.2s ease;
}

.tooltip-arrow {
  width: 0;
  height: 0;
  position: absolute;
}

.tooltip[data-position="top"] .tooltip-arrow {
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff8dc;
}

.tooltip[data-position="bottom"] .tooltip-arrow {
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff8dc;
}

.tooltip[data-position="left"] .tooltip-arrow {
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #fff8dc;
}

.tooltip[data-position="right"] .tooltip-arrow {
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #fff8dc;
}

.tooltip button {
  margin-top: 8px;
  margin-right: 8px;
}
/*.transfer-message-value {font-size:2rem; margin-bottom:1em;}
.transfer-information {border-left:0;padding-left:0;}
.radio-label {line-height:2;margin-top:1rem;}/* increase space between share method choices */
/*.share-page-title legend {margin-bottom:1rem;}*/
span.bk-embed-heading {
  font-family: 'MuseoSans', Helvetica, Arial, sans-serif;
  font-size:3rem;
  font-weight:bold;
}